.orderList-main {
	.top-wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		background-color: #fff;
		box-sizing: border-box;
		.tabs-wrap {
			display: flex;
			justify-content: space-around;
			align-items: center;
			height: 44px;
			.tabs-item {
				height: 44px;
				line-height: 44px;
				font-size: 28rpx;
				color: $base-text-color;
			}
			.tabs-active {
				position: relative;
				color: $base-color;
				font-weight: 700;
				&::after {
					content: '';
					display: block;
					position: absolute;
					bottom:1rpx;
					left: 50%;
					transform: translateX(-50%);
					width: 40rpx;
					height: 4rpx;
					border-radius: 50rpx;
					z-index: 999;
					background-color: $base-color;
				}
			}
		}
	}
	
	.scroll-wrap {
		background-color: $base-bg-color;
		.goods-list {
			.goods-item {
				margin-top: 20rpx;
				padding: 0 30rpx;
				background-color: #fff;
				.item-top {
					display: flex;
					justify-content: space-between;
					align-items: center;
					height: 80rpx;
					.order-num {
						font-size: 28rpx;
						font-weight: 600;
						color: $base-text-color;
					}
					.order-status {
						font-size: 28rpx;
						color: #FF8833;
					}
				}
				.item-center {
					display: flex;
					padding-top: 30rpx;
					.avatar {
						display: block;
						flex: 0 0 130rpx;
						height: 130rpx;
						border-radius: 6rpx;
					}
					.goods-info {
						flex: 1;
						padding-left: 30rpx;
						.goods-info-row {
							display: flex;
							justify-content: space-between;
							margin-bottom: 10rpx;
							.name {
								display: inline-block;
								width: 350rpx;
								font-size: 28rpx;
								color: $base-text-color;
							}
							.price {
								width: 170rpx;
								font-size: 28rpx;
								color: $base-text-color;
								text-align: right;
							}
							.desc {
								width: 380rpx;
								font-size: 26rpx;
								color: $base-text-color-grey;
							}
							.number {
								font-size: 26rpx;
								color: $base-text-color-grey;
							}
							
							&:last-child {
								margin-bottom: 0;
							}
						}
					}
				}
				.total {
					padding: 20rpx 0 30rpx 0;
					flex: 1;
					text-align: right;
					.total-text {
						font-size: 28rpx;
						color: $base-text-color;
					}
					.total-price {
						margin-left: 20rpx;
						font-size: 28rpx;
						color: $base-color;
					}
				}
				.item-bottom {
					display: flex;
					justify-content: space-between;
					align-items: center;
					padding: 30rpx 0;
					.left {
						flex: 0 0 230rpx;
						font-size: 24rpx;
						color: $base-text-color-grey;
					}
					.right {
						flex: 1;
						display: flex;
						justify-content: flex-end;
						.btn {
							margin-left: 20rpx;
							border-radius: 100rpx;
							&::after {
								border-radius: 100rpx;
							}
						}
					}
				}
				
			}
		}
	}
}